<template>
   <div id="box">
       <header>
           <span class="one" @click="fanhui">
              <img src="../assets/img/fanhui2.png" class="fanhui">
            </span>
            <span class="center">易购记录</span>
            <span class="two">
             
            </span>  
       </header>
       <main>
         <ul>
           <li>全部</li>
           <li>进行中</li>
           <li>已揭晓</li>
         </ul>
       </main>
       <content>
            <ul>
                <li><img src="../assets/img/zanwu.png" class="zanwu"></li>
                <li class="zanwushuju">暂无数据</li>
            </ul>
        </content>
        <footer>
    <ul>
    <router-link to="shouye">
      <li><img src="../assets/img/foot1.png"><p>首页</p></li>
    </router-link>
      <router-link to="zuixinjiexiao">
      <li><img src="../assets/img/foot2.png"><p>最新揭晓</p></li>
    </router-link>
    <router-link to="qingdan">
      <li><img src="../assets/img/foot3.png"><p>清单</p></li>
    </router-link>
    <router-link to="faxian">
      <li><img src="../assets/img/foot4.png"><p>发现</p></li>
    </router-link>
    <router-link to="zhuce">
      <li><img src="../assets/img/foot5.png"><p>我</p></li>
    </router-link>
    </ul>
  </footer>      
   </div>
</template>

<script>
  import".././assets/js/jquery-1.12.4.min.js"
export default {
  name: 'xuanhaozhuanqu',
 methods:{
    fanhui(){
      this.$router.go(-1)
    }
 }
}
$(function(){
  $("main ul li").click(function(){
    $(this).addClass("active").siblings().removeClass("active")
  })
})
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '.././assets/less/yigoujilu.less';
    @import '.././assets/css/reset.css';
</style>